<template>
  <div class="recupdetilslist">
    <ul>
      <li>
        <span>鸡蛋冰糖散</span>
        <span>查看详情</span>
        <span class="iconfont icon-youjiantou"></span>
      </li>
      <li>
        鸡蛋性平，归肺、脾、胃，有清热利咽的功效;冰糖能养阴生津，润肺止咳,二者合用对肺热引起的咽喉
        肿痛有很好的辅助治疗作用。
      </li>
      <li>
        <img src="@/assets/img/egg.png" alt="" />
        <p>
          <span>鸡蛋冰糖散</span>
          <span>清热利咽的简易食疗方!</span>
        </p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
ul {
  border-bottom: 0.01rem solid rgb(219, 218, 218);
}
img {
  width: 1.1rem;
  height: 0.85rem;
}
ul li {
  margin: 0 0.2rem;
}
ul li:nth-child(1) {
  height: 0.5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
ul li:nth-child(1) span:nth-child(1) {
  width: 2.2rem;
  font-size: 0.18rem;
  font-weight: 700;
}
ul li:nth-child(2) {
  padding: 0 0 0.15rem 0;
}
ul li:nth-child(3) {
  height: 0.85rem;
  display: flex;
  align-items: center;
  padding-bottom: 0.2rem;
}
ul li:nth-child(3) p {
  height: 100%;
  padding-left: 0.15rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
ul li:nth-child(3) p span:nth-child(1) {
  font-weight: 700;
  padding-bottom: 0.12rem;
}
ul li:nth-child(3) p span:nth-child(2) {
  color: #666;
}
</style>